clear
|
|
|
|
|
|
|||||||||
|
7.0 |
8.0 |
9.0 |
7.0 |
8.0 |
9.6 |
10.0 |
10.0 |
3.1 |
4.0 |
5.0 |
3.0 |
3.6 |
4.0 |
|
Помилка |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Коротка інформація
|
CSS |
CSS1 |
|
Значення
за умовчанням |
none |
|
Наслідує |
Ні |
|
Застосовується |
До
блокових і плаваючих елементів |
|
Аналог
HTML |
<br
clear=none | left | right | all> |
|
Посилання
на специфікацію |
http://www.w
3.org/TR/CSS21/visuren.html#propdef - clear |
Опис
Встановлює,
з якого боку елементу заборонено його обтікання іншими елементами. Якщо задано
обтікання елементу за допомогою властивості float, то clear відміняє його дію
для вказаних сторін.
Синтаксис
clear: none
| left | right | both | inherit
Значення
none Відміняє дію
властивості clear, при цьому обтікання елементу відбувається, як задано за
допомогою властивості float або інших налаштувань.
both Відміняє
обтікання елементу одночасно з правого і лівого краю. Це значення
рекомендується встановлювати, коли вимагається зняти обтікання елементу, але
невідомо точно з якого боку.
left Відміняє
обтікання з лівого краю елементу. При цьому усі інші елементи на цій стороні
будуть опущені вниз, і розташовуватися під поточним елементом.
right Відміняє обтікання з правого боку елементу.
inherit Встановлює значення батька.
Приклад
HTML 4.0 CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=windows - 1251">
<title>clear</title>
<style type="text/css">
#layer {
float: left; /* Обтікання блоку по правому
краю */
background: #fd0; /* Колір фону */
border: 1px solid black; /* Параметрів
рамки */
padding: 10px; /* Полів навколо тексту */
width: 40%; /* Ширина блоку */
}
</style>
</head>
<body>
<div id="layer">
Луцький національний технчний університет є
одним із найкращих професійних закладів освіти у місті Луцьку. Найкращою з
підготовки спеціалістів є кафедра професійного навчання, що займається
професійною підготовкою студентів.
<div style="clear:
left"></div>
<p>Луцький національний технчний
університет є одним із найкращих професійних закладів освіти у місті Луцьку.
Найкращою з підготовки спеціалістів є кафедра професійного навчання, що
займається професійною підготовкою студентів.
</p>
</body>
</html>
Результат
цього прикладу показаний ні мал. 1.
Мал. 1.
Застосування властивості clear
Об'єктна модель
[window.]document.getElementById("elementID").style.clear
Браузери
У браузері
Internet Explorer 6 спостерігається помилка під назвою "ефект ку-ку",
коли елементи c clear, дотичні до плаваючих елементів (у яких задана
властивість float) можуть зникати.
У браузері
Internet Explorer 7 властивість clear не діє для елементів, у яких одночасно
задане float зі значенням, не співпадаючим з clear.
Internet
Explorer до сьомої версії включно не підтримує значення inherit.